<template>
	<div class="footer flex-wrap-around">
		<a href="javascript:void(0);" @click="currentMenuItem(1)">
		<span class="icon footer1" :class="{on:(menuitem==1)}"></span>
		<span>选型</span>
		</a>
		<a href="javascript:void(0);"  @click="currentMenuItem(2)">
		<span class="icon footer2" :class="{on:(menuitem==2)}"></span>
		<span>发现</span>
		</a>
		<a href="javascript:void(0);"  @click="currentMenuItem(3)">
		<span class="icon footer3" :class="{on:(menuitem==3)}"></span>
		<span>我的</span>
		</a>
	</div>
</template>

 

<script>
    var mySelf;
	export default {
		data() {
			return {
               
			}
		},props:{
			menuitem:null
		},

		methods: {
			currentMenuItem:function(index) {
                // mySelf.$currentMENU = index;
                // mySelf.menu_on  = index;
                // console.log('mySelf.menu_on==',mySelf.menu_on);
                //  console.log('mySelf.menu_on==',mySelf.menu_on==3);
                if (index==1) {
                    this.$options.methods.ufnavigateTo('/pages/index/index');                    
                }else if(index==2) {
                    this.$options.methods.ufnavigateTo('/pages/information/find') ;                                   
                }else {
                    this.$options.methods.ufnavigateTo('/pages/personal/me');
                }
            } ,
            ufnavigateTo:function(url) {
                uni.navigateTo({  
                	 url:url
            	});
            }
			 
        },
        mounted() {
            mySelf = this;
            
        } 
    }
    
</script>